@charset "utf-8";
@media (max-width:1299px) {
body{min-width:320px; overflow-x: auto;}
.container{width:auto !important;}	
.header{min-width:320px; height:auto;}
.footer{min-width:320px;}
}

@media (max-width:1199px) {
.margins{margin-top: 20px; margin-bottom: 20px;}
.common-head .menu1 li{margin-right: 25px; font-size: 1.125em;}
.ztzl .owl-nav a{background:rgba(0,0,0,.3)!important;}
.ztzl .owl-nav a:hover{background:rgba(0,0,0,.5)!important;}
.ztzl .owl-nav a:before{background-image:url(../images/slider_arrow_whit.png)!important;}
.ztzl .owl-nav .owl-prev{left:5px;}
.ztzl .owl-nav .owl-next{right:5px;}
.ztzl.caption{padding-left: 0;}
.ztzl.caption .head{position: static; display: block; margin-bottom: 10px; width: auto; background-color: transparent;}
.ztzl.caption .head a{float: left; position: static; margin-top: 0; width: auto; font-size: 1.125em; padding-right: 15px; padding-left: 15px; line-height: 40px; background-color: #bf2034;}

}

@media (max-width:1023px) {

.footer-link .select{width:33.33333%;}
}

@media (max-width:991px) {
html{font-size:90px;}
.container{padding-right: 15px; padding-left: 15px;}
.margins{margin-top: 15px; margin-bottom: 15px;}
.mb{margin-bottom:15px;}
.mt{margin-top:15px;}
.easyBtn .quickPanel{display: none !important;}
.easyBtn .dl-toggle{display: none !important;}
.mainBody.mb{margin-bottom:0;}
.mainBody.mt{margin-top:0;}
.mainBox{padding:15px 15px 0; overflow:hidden;}
.innerBox.mb{margin-bottom:0;}
.module-main{margin-right:-8px; margin-left:-7px;}
.module-box{margin-right:8px; margin-left:7px;}
.module-span4{float:none; width:auto !important;}
.module-span3{float:none; width:auto !important;}
.module-span6{float:none; width:auto !important;}
.module-span8{float:none; width:auto !important;}
.module-span5{float:none; width:auto !important;}
.module-span7{float:none; width:auto !important;}

.grid.border{padding: 0; border: none;}
.menu-icons{margin-right:-8px !important; margin-left:-7px !important;}
.menu-icons li a{margin:0 8px 15px 7px !important;}
.menu-icons li a:before{margin-right:10px;}
.crumb{background-color:#ededed; border-bottom: none;}
.pagediv{padding-top:10px; padding-bottom:10px;}
.imageList ul{margin:0 -8px 0 -7px;}
.imageList ul li a{margin:15px 8px 0 7px;}
.imageList ul li span.pic{height:208px !important;}
.imageList ul li{width:33.33333% !important;}

.common-bd{padding-top: .625em;}
.common-head .hd li{font-size:1.125em; margin-right: 20px;}

.infoList li{border-bottom:1px solid #e6e6e6;}

.rel-appendixs h3{padding:20px 0 5px;}

.tpxw .owl-carousel .item img{height:auto !important;}
.midbanner .owl-carousel .item img{height:auto !important;}


.header-toggle-btn{position: absolute; right: 0; top: 0; z-index: 10; display: block; padding: 1em; color: #fff; background-color: rgba(0,109,172,.6); cursor:pointer;}
.header-toggle-btn div{position:relative; display: block; width:30px; height:20px; margin: 0 auto; cursor:pointer;}
.header-toggle-btn span{position:absolute; display:block; left:0; width:100%; height:10%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header-toggle-btn span:nth-child(1){top:0;}
.header-toggle-btn span:nth-child(2){top:50%;}
.header-toggle-btn span:nth-child(3){top:100%;}
.header-opend .header-toggle-btn span:nth-child(1){
        top:50%;
        -webkit-transform:translateY(-50%) rotate(-45deg);
        -ms-transform:translateY(-50%) rotate(-45deg);
        transform:translateY(-50%) rotate(-45deg);
}
.header-opend .header-toggle-btn span:nth-child(2) {
        -webkit-transform:translateY(-50%) scaleX(0);
        -ms-transform:translateY(-50%) scaleX(0);
        transform:translateY(-50%) scaleX(0);
}
.header-opend .header-toggle-btn span:nth-child(3) {
        top:50%;
        bottom:auto;
        -webkit-transform:translateY(-50%) rotate(45deg);
        -ms-transform:translateY(-50%) rotate(45deg);
        transform:translateY(-50%) rotate(45deg);
}

.header-picker{position: absolute !important; top: 0 !important; right: 0; left: 0; z-index: 9 !important; max-height: 0; padding: 0 !important; background-color: rgba(0,109,172,.8); overflow: hidden; transition: all .5s; box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
.header-opend .header-picker-mobile{max-height: 480px;}
.header-opend .header-toggle-btn{background-color: transparent;}


.header .swiper-pagination{display: block; z-index: 5; bottom: 6vh;}
.header .inhead{height: 100vh;}
.header .inhead .fullPage-banner{position: absolute; top: 0; right: 0; left: 0;}
.header .inhead .top-link{position:static;}
.header .inhead .top-right{position:static;}
.header .inhead .menu li{float: none;}
.header .inhead .menu li a{text-align: left; padding: 1em 10%; margin-right: 0; font-size: 1em; color: #fff; border-top: 1px solid rgba(255,255,255,.1);}
.header .inhead .menu li a:after{content: normal;}
.header .inhead .container{position: relative; height: auto; line-height:normal;}
.header .inhead .logo{position: static; padding: 20vh 0; text-align: center;}
.header .inhead .search{position: static; width: auto;}

.header-menu{background-color: #006dac;}
.mainnav-pc .swiper-slide{width: 17%;}
.mainnav-pc .swiper-slide.swiper-slide-home{width: 10%;}
.mainnav-pc .swiper-slide.swiper-slide-1{width: 22%;}
.mainnav-m .swiper-slide{margin-left:0; width: auto;}
.mainnav-m .swiper-slide .link{padding: 5px 25px; margin:2px 4px 2px 2px;}
.mainnav-m .swiper-slide:after{top: 2px; bottom: 2px;}

.footer-link{padding-top: 0; margin-right: -7px; margin-left: -8px;}
.footer-link .select{margin-top: 15px;}
.footer-link .select dt{margin-right: 7px; margin-left: 8px;}
.footer-link .select dd{right: 7px; left: 8px;}
.footer .footer-grid{padding: 15px 0;}
.footer .footer-grid .biaozhi{position: static; display: inline-block; margin-top: 10px; width: auto; padding-left: 0;}
.footer .footer-grid .qrcode{position: static; display: inline-block; margin-top: 10px; width: auto; padding-right: 0; padding-left: 15px;}
.footer .footer-grid .qrcode img{width: 55px; height: 55px;}

.navs-list li{width: 33.33333% !important;}

.ztzl{padding-right: .625em; padding-left: .625em;}
.ztzl .owl-carousel .owl-nav>div{background-color: rgba(0,0,0,.3);}
.ztzl .owl-carousel .owl-nav>div.owl-prev{left: 0;}
.ztzl .owl-carousel .owl-nav>div.owl-next{right: 0;}
.ztzl .owl-carousel .owl-nav>div.owl-prev i{border-right-color: #fff;}
.ztzl .owl-carousel .owl-nav>div.owl-next i{border-left-color: #fff;}
}

@media (max-width: 880px) {
.imageList ul li span.pic{height: 180px !important;}
}

/* xs mobile*/
@media (max-width: 768px) {

.common-head.add .menu1{float:none; margin-right:-2px; margin-left:-2px;}
.common-head.add .menu1 li{width:25%; padding:0 !important; margin-right:0; margin-bottom:0; border-bottom:none;}
.common-head.add .menu1 li:before{content:normal;}
.common-head.add .menu1 li span{display:block; margin:0 2px 4px; padding:4px 0; background-color:#eee;}
.common-head.add .menu1 li.on span{color:#fff; background-color:#e24745;}
.common-head.add .menu1 li.on a{color:#fff;}
.ajaxList li{padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ededed;}
.ajaxList li.head{padding-top:10px !important; padding-bottom:10px !important; border-bottom:none; background-color:#f8f8f8;}
.ajaxList li.head h4{padding-left:12px;}
.imageList ul li span.pic{height:160px !important;}
.pagediv .page_index{display: none;}

.header-menu{padding: 4px 2px;}
.mainnav-pc .swiper-slide{width: 33.33333% !important;}
.mainnav-pc .swiper-slide:after{top: 25%; bottom: 25%;}
.mainnav-pc .swiper-slide.swiper-slide-2:after{content: normal;}
.mainnav-pc .swiper-slide .link{margin: 2px 4px;}
}

@media (max-width:680px) {
.imageList ul li{width:50% !important;}
.imageList ul li span.pic{height:168px !important;}

.navs-list li{width: 50% !important;}

}

@media (max-width:640px) {
.js-tab .js-hd{display: none;}
.js-tab .js-bd .item{display: block !important;}
.common-head.inMobile{display: block; margin-bottom: .5em;}
.common-more{display:none;}
.common-bd{padding-top: .3125em;}
.inMobile{display:block;}
.imageList ul li span.pic{height:160px !important;}
.imageList ul li span.txt{padding:5px;}
.imageList ul li span.txt:before{content:normal;}
.imageList ul li span.txt font{display:block; width:auto; line-height:35px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

.package .subnavs{position: static; margin-top: 15px;}
.package .subnavs li{margin-left: 1em;}

.footer-link .select{width:100%;}

.alert-warning{top: 5%; right: 0; left: 0; width: 96%; margin-top: 0; margin-right: auto; margin-left: auto; height: auto;}
.alert-wzsm{width: 90%; height: auto; margin: 15px auto 0; font-size:1.25em; line-height: 1.6em;}
}

@media (max-width: 480px) {


.imageList ul li span.pic{height:132px !important;}
}


@media (max-width: 450px) {
.infoList.fileList li h4 a font{float:none; white-space:normal; max-width:100%;}
.infoList.fileList li .Icon{float:none; display:inline-block; vertical-align:middle;}
.infoList li h4{padding-right:0 !important;}
.infoList li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
.infoList li h4 .time{position:static !important;}
.imageList ul li span.txt{font-size: .9375em;}
.imageList ul li span.pic{height:120px !important;}
.navs-list li{width: 50% !important;}
.navs-list li a font b{margin-left: 20px;}
.navs-list li a font:before{left: 6px;}

.mainnav-pc .swiper-slide{width: 28% !important;}
.mainnav-pc .swiper-slide.swiper-slide-1{width: 41% !important;}
.mainnav-pc .swiper-slide.swiper-slide-4{width: 41% !important;}
.mainnav-m .swiper-slide .link{padding: 3px 15px;}

}

@media (max-width: 360px){
.navs-list li{width: 100% !important;}
}


@media (max-width: 320px){
}
